﻿#GrandCarousel .carousel-item {
     background-color: #E8E9EA;
}
 #GrandCarousel .carousel-item .carousel-caption {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     padding: 0;
}
 #GrandCarousel .carousel-indicators li {
     background-color: #555;
}
 #GrandCarousel .carousel-item .carousel-caption .slideRow {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
 #GrandCarousel .carousel-item .slide-title h2 {
     font-size: 38px;
     font-weight: 300;
     color: #1D1F20;
}
 #GrandCarousel .carousel-item .slide-content {
     font-size: 20px;
     font-weight: 300;
     color: #000;
     text-align: left;
}
 #GrandCarousel .carousel-item .slide-price .actual {
     font-size: 32px;
     font-weight: 500;
     color: #1d1f20;
     margin-right: 15px;
     margin-bottom: 0;
}
 #GrandCarousel .carousel-item .slide-price .old-price {
     font-size: 24px;
     font-weight: 300;
     color: #888;
     text-decoration: line-through;
     margin-bottom: 0;
}
 #GrandCarousel .carousel-item .animate-top {
     color: #000;
     font-size: 30px;
     font-weight: 300;
     line-height: 1;
     opacity: .9;
     padding: 15px 0 0 0;
}
 #GrandCarousel .carousel-item .animate-center-title {
     color: #000;
     font-size: 56px;
     font-weight: 500;
     line-height: 1;
     opacity: .9 
}
 #GrandCarousel .carousel-item .animate-center-content {
     color: #000;
     font-size: 26px;
     font-weight: 500;
     opacity: .9;
     padding: 0 0 15px 0;
}
 #GrandCarousel .carousel-item .animate-bottom.btn {
     width: 100%;
     margin: 15px 0 0 0;
     color: #fff;
     background-color: #87C255;
     border-color: #87C255;
}
 #GrandCarousel .carousel-item .slide-button {
     display: table;
}
 .animate__delay-05s {
     -webkit-animation-delay: 0.5s;
     animation-delay: 0.5s;
     -webkit-animation-delay: calc(var(--animate-delay)*0.5);
     animation-delay: calc(var(--animate-delay)*0.5);
}
 .animate__delay-15s {
     -webkit-animation-delay: 1.5s;
     animation-delay: 1.5s;
     -webkit-animation-delay: calc(var(--animate-delay)*1.5);
     animation-delay: calc(var(--animate-delay)*1.5);
}
 .animate__delay-25s {
     -webkit-animation-delay: 2.5s;
     animation-delay: 2.5s;
     -webkit-animation-delay: calc(var(--animate-delay)*2.5);
     animation-delay: calc(var(--animate-delay)*2.5);
}
 @media (max-width: 1199px) {
     #GrandCarousel .carousel-item .slide-content {
         display: none;
    }
}
 @media (max-width: 991px) {
     #GrandCarousel .carousel-item .slide-title h2 {
         font-size: 28px;
    }
}
 @media (max-width: 767px) {
     #GrandCarousel {
         display: none;
    }
}
 [dark-theme="true"] #GrandCarousel .carousel-item {
     background-color: #2d3133;
}
 [dark-theme="true"] #GrandCarousel .carousel-item .slide-title h2, [dark-theme="true"] #GrandCarousel .carousel-item .slide-price .actual, [dark-theme="true"] #GrandCarousel .carousel-item .animate-top, [dark-theme="true"] #GrandCarousel .carousel-item .animate-center-title, [dark-theme="true"] #GrandCarousel .carousel-item .animate-center-content, [dark-theme="true"] #GrandCarousel .carousel-item .animate-bottom {
     color: #fff;
}
 [dark-theme="true"] #GrandCarousel .carousel-item .slide-content {
     color: #dfdfdf;
}
 [dark-theme="true"] #GrandCarousel .carousel-indicators li {
     background-color: #fff;
}
